/**app.wxss**/
.container {
  min-height: 100vh;
  // padding: 4.7vw 40rpx 40rpx;
  // padding: 18vw 40rpx 40rpx;
  padding: 26vw 40rpx 40rpx;
  box-sizing: border-box;
  position: relative;
}
.defaultBox {
  // color: #c8c8c8;
  color: #808080
}
.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-gap10 {
  column-gap: 10rpx;
}

.c-gap20 {
  column-gap: 20rpx;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

button {
  font-size: 28rpx;
  line-height: 44rpx;
  font-weight: 500;
  font-family: PingFang SC-Medium;
}

.primary-btn {
  height: 84rpx;
  background: #FF7828;
  border-radius: 200rpx;
  font-weight: 500;
  font-size: 28rpx;
  color: #FFFFFF;
  line-height: 84rpx;
}

// @font-face {
//   font-family: 'PingFang SC-Regular';
//   src: url('/fonts/PingFang-SC-Regular.ttf') format('truetype');
// }

// @font-face {
//   font-family: 'PingFang SC-Medium';
//   src: url('/fonts/PingFang-SC-Medium.ttf') format('truetype');
// }

// input style
input,
textarea {
  font-family: PingFang SC-Regular;
  font-weight: 400;
  font-size: 28rpx;
  color: #313131;
  line-height: 44rpx;

}

.see-more {
  margin-top: 20rpx;
  font-family: PingFang SC-Regular;
  font-weight: 400;
  font-size: 24rpx;
  color: #576B95;
  line-height: 40rpx;
  text-align: right;
}

.see-more-Mfont {
  font-family: PingFang SC-Medium;
  font-weight: 500;
  font-size: 28rpx;
  color: #576B95;
  line-height: 44rpx;
  text-align: right;
}

.img-s48 {
  width: 48rpx;
  height: 48rpx;
}
.img-s60 {
  width: 60rpx;
  height: 60rpx;
}
.img-s56 {
  width: 56rpx;
  height: 56rpx;
}

.img-s80 {
  width: 80rpx;
  height: 80rpx;
}

.img-s200 {
  width: 200rpx;
  height: 200rpx;
}

.br50 {
  border-radius: 50%;
}

.title-h2 {
  font-family: PingFang SC-Medium;
  font-weight: 500;
  font-size: 32rpx;
  color: #313131;
  line-height: 48rpx;
}

.title-h3 {
  font-family: PingFang SC-Medium;
  font-weight: 500;
  font-size: 28rpx;
  color: #313131;
  line-height: 44rpx;
}

.title-m32 {
  font-family: PingFang SC-Medium;
  font-weight: 500;
  font-size: 32rpx;
  color: #313131;
  line-height: 48rpx;
}

.text-r28 {
  font-family: PingFang SC-Regular;
  font-weight: 400;
  font-size: 28rpx;
  color: #313131;
  line-height: 44rpx;
}
.orangeButton {
  width: 100%;
  height: auto;
  padding: 20rpx;
  font-size: 28rpx;
  box-sizing: border-box;
  text-align: center;
  background-color: #ff7828;
  color: #fff;
  border-radius: 50rpx;
}
.grayButton {
  width: 100%;
  height: auto;
  padding: 20rpx;
  font-size: 28rpx;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #a4a4a4;
  border-radius: 50rpx;
}
.graySolidButton {
  width: 100%;
  height: auto;
  padding: 20rpx;
  font-size: 28rpx;
  box-sizing: border-box;
  text-align: center;
  background:#e5e5e5;
  border-radius: 50rpx;
}
.flexXStart {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.greenDotBox {
  width: 20rpx;
  height: 20rpx;
  background: #0ac061;
  border-radius: 50%;
}
.yellowDotBox {
  width: 20rpx;
  height: 20rpx;
  background: #ffc301;
  border-radius: 50%;
}
.grayDotBox {
  width: 20rpx;
  height: 20rpx;
  background: #4b4c4c;
  border-radius: 50%;
}

.orangeDotBox {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff7828;
  margin: 0 auto;
}
.lineBox {
  width: 100%;
  height: 1px;
  background: #e4e4e4;
}
.spaceBox {
  margin-top: 30rpx;
}
.imgBorder {
  border: 1px solid #dfe0e2;
}
.emptyBox {
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 26rpx;
  color: #797979;
}
.loadingCommonBox {
  width: 100vw;
  height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20vh;
}
.startBox {
  color: #f07f33;
  font-size: 28rpx;
  font-weight: 500;
}
.text-ellipsis{
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
